﻿@import url("variables.less");

/* Login Page */
.login-page {
    .full-width-image {
        margin: 30px 0;
    }
    .login-username.input-group, .login-password.input-group {
        margin-bottom: 20px;
        input.form-control {
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
            box-shadow: none;
        }
    }
    .login-password.input-group{
        margin-bottom: 0;
    }
    .login-signup {
        padding: 0 40px;
    }
    .login-content {
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 1px solid @lighter-grey;
    }
    .login-form {
        margin: 0;
        height: 95px;
    }
    .login-external{
        .btn-facebook-login {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4e69a2+0,3b5998+100 */
            background: rgb(78,105,162); /* Old browsers */
            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: url();
            background: -moz-linear-gradient(top,  rgba(78,105,162,1) 0, rgba(59,89,152,1) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(78,105,162,1)), color-stop(100%,rgba(59,89,152,1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  rgba(78,105,162,1) 0,rgba(59,89,152,1) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  rgba(78,105,162,1) 0,rgba(59,89,152,1) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  rgba(78,105,162,1) 0,rgba(59,89,152,1) 100%); /* IE10+ */
            background: linear-gradient(to bottom,  rgba(78,105,162,1) 0,rgba(59,89,152,1) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e69a2', endColorstr='#3b5998',GradientType=0 ); /* IE6-8 */
            color: #fff;
            text-align: center;
            width: 100%;
            margin-bottom: 10px;
            font-weight: bold;
            border: 1px solid #4e69a2;
            &:hover {
                border: 1px solid #7db9e8;
                /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,4e69a2+100 */
                background: rgb(125,185,232); /* Old browsers */
                /* IE9 SVG, needs conditional override of 'filter' to 'none' */
                background: url();
                background: -moz-linear-gradient(top,  rgba(125,185,232,1) 0, rgba(78,105,162,1) 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(125,185,232,1)), color-stop(100%,rgba(78,105,162,1))); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top,  rgba(125,185,232,1) 0,rgba(78,105,162,1) 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top,  rgba(125,185,232,1) 0,rgba(78,105,162,1) 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top,  rgba(125,185,232,1) 0,rgba(78,105,162,1) 100%); /* IE10+ */
                background: linear-gradient(to bottom,  rgba(125,185,232,1) 0,rgba(78,105,162,1) 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#4e69a2',GradientType=0 ); /* IE6-8 */
            }
            .fa-facebook {
                .font-size(20);
                line-height: 20px;
            }
        }
    }
    .login-signup p {
        margin: 0;
        height: 170px;
    }
}

/* Register Page */
.signup-form {
    label {
        margin-bottom: 2px;
        margin-top: 5px;
    }
    .names label {
        margin-top: 0;
    }
    input[type=text], input[type=password], select{
        background: @trans-lighter-grey;
        box-shadow: none;
        border: 1px solid @light-grey;
        &:active, &:focus {
            background: @trans-lighter-grey-half;
        }
    }
    .register-notes {
        margin: 15px 0;
        .font-size(12);
    }
    .signup-terms {
        margin-left: 30px;
        margin-top: 30px;
        h3 {
            margin-top: 0;
        }ol {
            .font-size(12);
            margin-bottom: 50px;
        }
    }
    .register-notes a, .signup-terms a {
        color: @text-color;
        text-decoration:underline;
        font-weight: bold;
        &:active, &:hover {
            color: @red;
        }
    }
    .signup-container, .billinginfo-container, .signup-billingcheck {
        margin-bottom: 20px;
    }
    .login-container {
        border-bottom: 1px solid @light-grey;
        padding-bottom: 25px;
        margin-bottom: 25px;
    }
    .signup-register input {
        margin-top: 25px;
    }
    .field-validation-error {
        display: none;
    }
}

/* Password Page */
.password-recovery{
    .full-width-image{
        margin: 20px 0;
    }
    h3{
        text-align: center;
    }
    .form-label{
        text-align: left;
        margin-top: 5px;
    }
    .password-recovery-content{
        float: none;
        margin: auto;
        text-align: center;
        .password-recovery-tooltip {
            text-align: center;
            .font-size(12);
        }
        .info-input {
            margin: 20px 0;
        }
    }
}

/* Membership description */
.about-member-wrapper{
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid @light-grey;
}
.about-member {
    overflow: hidden;
    img {
        width: 100%;
        display: block;
    }
    .no-padding{ 
        padding: 0;
        padding-bottom: 9999px;
        margin-bottom: -9999px;
        background: @trans-lighter-grey;
    }
    .about-member-content{
        padding: 35px;
        h2{
            .font-size(20);
            border-bottom: 0;
        }
    }
}

/* General and overwrites */
.t-grid-header {
    background: #000;
    .t-header {
        font-weight: normal;
    }
}
.t-grid tbody {
    td:first-child{
        border-left: 1px solid @lighter-grey;
    }
    td:last-child{
        border-right: 1px solid @lighter-grey;
    }
}
.t-grid-bottom{
    border: 1px solid @lighter-grey;
    border-top: 0;
}
.t-grid-header .t-header .t-link{
    .font-size(14);
}
.t-grid td {
    .font-size(12);
    label{
        display: none;
    }
}
/* MyHUB Layout */
.my-hub {
    background: #fff;
    background: @trans-lighter-grey;
    overflow: hidden;
    .my-hub-menu{
        padding: 0;
        position:relative;
        z-index:2;
        padding-bottom: 9999px;
        margin-bottom: -9999px;
        .my-hub-navigation {
            background: @dark-grey;
            padding-bottom: 9999px;
            margin-bottom: -9999px;
            color: @medium-text-color;
            padding-top: 30px;
            
        }
        h2{
            margin-top: 20px;
            font-weight: bold;
            .font-size(28);
            padding: 0 15px;
            padding-left: 30px;
        }
    }
    .my-hub-content{
        padding: 30px 0 50px 0;
        .section-wrapper{
            border-bottom: 1px solid @light-grey;
            padding: 0 25px 25px 25px;
            margin-bottom: 25px;
            .section-title{
                margin-top: 20px;
            }
            &:last-child {
                border-bottom: 0;
            }
        }
    }
    h1, h1.page-title {
        border-bottom: 1px solid @light-grey;
        padding: 0 25px 10px 25px;
        font-weight: bold;
        .font-size(28);
        margin-bottom: 25px;
        margin-top: 20px;
    }
    .form-control {
        margin-bottom: 10px;
    }
    .t-widget .form-control {
        margin-bottom: 0;
    }
    .buttons {
        margin: 15px 0;
    }
}

/* MyHUB Menu */
ul.customer-links{
    padding: 0;
    margin: 0;
    padding-bottom: 50px;
    .fa{
        display: none;
    }
    .expandable-menu{
        overflow: hidden;
        height: 0;
        
    }
    >li {
        list-style: none;
        background: transparent;
        
        span, a {
            display: block;
            color: @medium-text-color;
            padding: 15px;
            padding-left: 30px;
            .font-size(16);
            &:hover{
                border-right: 5px solid @light-velvet;
            }
            img {
                margin-right: 10px;
                vertical-align: middle;
            }
        }
        &:hover, &.active{
            background: @trans-black-less;
            span, a {
                color:@lighter-grey;
            }
        }
        &.active{
            background: @trans-black;
            >a{
                border-right: 5px solid @light-velvet;
            }
        }
        /*&.dashboard {
            background:@menured;
        }
        &.shipping {
            background:@menuorange;
        }
        &.shopping {
            background:@menuyellow;
        }
        &.addresses {
            background:@menublue;
        }
        &.account {
            background:@menugreen;
        }
        &.settings {
            background:#000;
        }*/
        ul{
            padding: 0;
            li span, li a{
                .font-size(12);
                padding-left: 60px;
                border-top:1px solid @grey;
                border-top:1px solid @trans-black-less;
            }
        }
        &.has-active {
            background: @trans-black-less;
            .expandable-menu {
                height: auto!important;
                li {
                     
                     span, a {
                        color:@lighter-grey;
                    }
                     &.active{
                        background: @trans-black-less;
                        >a{
                            border-right: 5px solid @velvet;
                        }
                    }
                }
            }
        }
    }
}

/* Info Dashboard */
.page-dashboard {
    #automaticDateBar {
    }
    #automaticTimeBar {
    }
    .automatic-datetime{
        margin: 10px 0;
    }
    .account-name {
        .font-size(18);
    }
    .account-membership {
        color: @red;
        .font-size(18);
    }
    .dashboard h3 {
        margin-bottom: 0;
    }
    .dashboard-ctas{
        .dashboard-cta a {
            .font-size(18);
            font-weight: bold;
            line-height: 100px;
            text-align: center;
            color: #fff;
            background: @medium-grey;
            display: block;
            height: 100px;
            width: 100%;
            margin-bottom: 20px;
            &:hover{
                background: @menuorange;
            }
            .icon {
                display: inline-block;
                width: 50px;
                height: 50px;
                background: #fff;
                border-radius: 50px;
                vertical-align: middle;
                margin-right: 10px;
            }
        }
    }
    .quick-cta-item {
        width: 12.5%;
        height: 100px;
        background: @light-grey;
        float: left;
        .font-size(12);
        .box-sizing(border-box);
        border: 1px solid @trans-lighter-grey;
        border-left: 1px solid transparent;
        margin-bottom: 15px;
        &:first-child{
        }
        a {
            color: #fff;
            font-weight: bold;
            display: block;
            height: 100px;
            text-align: center;
        }
        .image{
            margin: 10px 0;
        }
        .image-icon {
            height: 50px;
            width: 50px;
            background: #fff;
            color: @light-grey;
            border-radius: 25px;
            .font-size(30);
            margin: auto;
            line-height: 50px;
        }
        &:hover {
            background: @lighter-grey;
            a {
                color: #fff;
            }
            .image-icon {
                color: @lighter-grey;
            }
        }
        
    }
    .quick-stats{
        margin-bottom: 20px;
        .info-row {
            width: 25%;
            background: @medium-grey;
            float: left;
            .font-size(12);
            .box-sizing(border-box);
            border: 1px solid @grey;
            border-left: 0;
            text-align: center;
            margin-bottom: 20px;
            &:first-child {
                border-left: 1px solid @grey;
            }
            h4 {
                .font-size(16);
            }
            a{
                display: block;
                padding: 15px;
                color: #fff;
                .number{
                    width: 50px;
                    height: 50px;
                    margin: 5px auto;
                    text-align: center;
                    .font-size(14);
                    line-height: 50px;
                    border-radius: 25px;
                    background: #fff;
                    color: @text-color;
                }
            }
        }
    }
    .customer-recent-messages tr{
        border: 1px solid @lighter-grey;
    }
}
/* Shipping */
.page-tracking {
    min-height: 350px;
    overflow: hidden;
    h1{
        margin-bottom: 10px;
    }
    .tracking-search tr{
        height: 65px;
        input {
            margin-right: 10px;
            &.btn {
                margin-bottom: 10px;
            }
        }
        td {
            padding-right: 5px;
        }
    }
    .connector {
        padding: 0 10px;
    }
    .tracking-info-loading {
        display: none;
        position: absolute;
        top:200px;
        left:0;
        right:0;
        margin: auto;
        width:64px;
    }
    .tracking-slides-wrapper{
        position: relative;
        > .slide {
            position: absolute;
            width: 100%;
            left: 100%;
            top: 0;
            &:first-child {
                left: 0;
                position: relative;
            }
        }
    }
    .tracking-shipment-info{
        .shipment-info-back-button{
            float: right;
            margin-top: 7px;
        }
        .package-heading {
            margin-bottom: 20px;
            margin-top: 20px;
            .tracking-status {
                border-bottom:0;
                padding-bottom: 10px;
                h4, p {
                    margin: 0;
                }
                .tracking-status-status {
                    text-align: right;
                }
            }
        }
        .package-status-wrapper{
            position: relative;
            .progress, .package-status-bar {
                height: 45px;
                border-radius: 0;
            }
            .progress{
                background: @grey;
            }
            .package-status-bar{
                width: 0;
                .progress-bar {
                    width: 100%;
                }
            }
        }
        .package-statuses{
            height: 45px;
            width: 100%;
            position:absolute;
            border: 1px solid #bbb;
            border-top:0;
            color: #fff;
            overflow: hidden;
            .displayed-status{
                float: left;
                height:45px;
                .font-size(16);
                text-align: center;
                line-height: 45px;
                border-left: 1px solid @light-grey;
                .box-sizing(border-box);
                &:first-child {
                    border-left:0;
                }
            }
        }
        .package-details {
            h3{
                .font-size(20);
                margin-top: 0;
                font-weight: bold;
            }
        }
    }
    .tracking-submit-unauthenticated{
        padding: 15px;
        margin-bottom: 15px;
        background: @lighter-grey;
        background: @trans-lighter-grey;
        tr {
            height: 64px;
        }
        .tracking-search-loading {
            display: none;
            float: left;
        }
    }
    .tracking-shipment-action-content h1{
        display: none;
    }
    .shipment-action-back-button{
    }
    .change-address-slides{
        position: relative;
        overflow: hidden;
        .slide{
            position: absolute;
            width: 100%;
            left: 100%;
            top: 0;
            &:first-child{
                left: 0;
                position: relative;
            }
        }
        .btn.address-select{
            margin-bottom: 10px;
        }
        .address-type-wrapper{
            margin-bottom: 10px;
            label{
                margin-right: 10px;
            }
        }
        .address-select-item {
            background:@lighter-grey;
            padding: 10px;
            margin-bottom: 5px;
            cursor: pointer;
            &:hover{
                background:@yellow;
            }
        }
    }
    .package-detail-section {
        margin-bottom: 20px;
    }
}
.shipment-verification-page{
    .form-control {
        margin-bottom: 10px;
    }
}

/* Shopping History */
.order-detail-row td{
    padding: 0;
}
.page-shopping {
    h3 {
        .font-size(20);
        font-weight: bold;
        margin-top: 0;
    }
    .order-back-button{
        float: right;
    }
    .slide-wrapper{
        position: relative;
        .slide{
            position: absolute;
            width: 100%;
            left:100%;
            &:first-child {
                left: 0;
                position: relative;
            }
        }
    }
    .order-loading {
        display: none;
        width: 64px;
        top: 200px;
        left: 0;
        right: 0;
        margin: auto;
    }
    .order-details-wrapper {
        background: #fff;
        border: 1px solid @light-grey;
        border-radius: 5px;
        overflow: hidden;
        .order-status-table {
            width: 100%;
            border: 0;
            margin-bottom: 30px;
            border-bottom: 1px solid @light-grey;
            td{
                padding: 10px;
                text-align: center;
            }
            label {
                display: none;
            }
        }
        .order-information {
            h4 {
                padding: 0 15px;
            }
            table {
                width: 100%;
                margin-bottom: 30px;
            }
            td{
                border: 1px solid @light-grey;
                padding: 5px 15px;
                &.heading {
                    .font-size(16);
                    border-left: 0;
                }
                &.text{
                    border-right: 0;
                }
            }
        }
        .order-addresses, .order-products, .order-attributes, .order-scheduledtime {
            padding: 0 15px;
            margin-bottom: 30px;
            table {
                width:100%;
            }
        }
        .order-products tr{
            background: @lighter-grey;
            td {
                padding: 10px;
            }
        }
        .order-shipments{
            margin-bottom: 30px;
            padding: 0 15px;
            .order-shipment {
                border: 1px solid @light-grey;
                padding: 15px;
                h4 {
                    margin: 0;
                }
            }
        }
        .order-buttons{
            border-top: 1px solid @light-grey;
            .order-buttons-wrapper{
                padding: 10px 15px;
            }
        }
    }
    .return-request-modal .return-products {
        margin-bottom: 20px;
        table{
            width: 100%;
            border: 1px solid @light-grey;
            tbody tr{
                border-bottom: 1px solid @light-grey;
            }
            th {
                padding: 10px;
                background-color:@dark-grey;
                color: #fff;
            }
            td {
                padding: 10px;
                img {
                    border: 1px solid @light-grey;
                }
            }
        }
    }
    .return-request-confirm{
        h4{
            margin-bottom: 0;
        }
        table {
            width: 100%;
            border: 1px solid @light-grey;
            td, th {
                padding: 10px;
            }
            th {
                background: @dark-grey;
                color: #fff;
            }
        }
        .return-request-notices{
            color: @deep-yellow;
        }
    }
    .return-request-submit, .return-request-next, .return-request-refresh {
        display: none;
    }
}

/*Modal Actions*/
.modal-loading {
    display: none;
    width: 64px;
    left: 0;
    right: 0;
    top: 100px;
    margin: auto;
}

/* Return Request Page */
#return-requests-list {
    table {
        .return-id {
            display: none;
        }
    }
}

/* Invoices */
.page-invoices {
    h1.page-title {
        margin-bottom: 10px;
    }
    .form-control{
        margin: 0;
    }
}
.invoices-search{
    
    tr{
        height: 65px;
    }
    .connector {
        padding: 0 10px;
    }
    .invoice-searchbox {
        width: 225px;
    }
}
/* Addresses */
.page-address {
    position: relative;
    .address-buttons {
        margin-bottom: 15px;
    }
    .add-address {
        overflow: hidden;
        height: 0;
    }
    .table-default span {
        margin: 5px;
        cursor: pointer;
        &:hover, &.true {
            color: @red;
        }
    }
    .slide-wrapper {
        position: relative;
        .slide{
            position: absolute;
            z-index: 1;
            top: 0;
            left: 100%;
            width: 100%;
            &:first-child {
                left: 0;
                position: relative;
            }
        }
    }
    .address-loading{
        margin-top: -20px;
        display: none;
    }
    .address-action-loading{
        position:absolute;
        left: 0;
        right: 0;
        top: 150px;
        margin: auto;
        height: 64px;
        width: 64px;
        z-index: 2; 
        display: none;
    }
}

/* MemberShip */

.page-membership {
    .membership-wrapper {
        position: relative;
        .membership-slide{
            position: absolute;
            left: 100%;
            width: 100%;
            &:first-child {
                left: 0;
            }
        }
    }
    .signup-terms{
        margin-bottom: 20px;
    }
}

/* Settings */
.page-settings {
    .mobile-title{
        display: none;
    }
    .tab-pane {
        padding: 25px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        background: @lighter-grey;
        background: @trans-light-grey-more;
        border:1px solid @lighter-grey;
        border-top: 0;
        h3 {
            border-bottom: 1px solid @light-grey;
            padding-bottom: 5px;
            margin-top: 30px;
            &:first-child {
                margin-top: 0;
            }
        }
        .buttons {
            margin-top: 25px;
        }
        .table-wrapper{
            border-radius: 5px;
            border: 1px solid @light-grey;
            overflow: hidden;
            background: #fff;
            .label {
                margin-bottom: 0;
            }
            .table>tbody>tr:first-child>td {
                border-top: 0;
            }
        }
    }
    .nav-tabs>li{
        >a {
            background: #fff;
            border:1px solid @lighter-grey;
        }
        &.active>a {
            background: @lighter-grey;
            background: @trans-light-grey-more;
            border-bottom:1px solid transparent;
        }
    }
}

/** Media Query **/
@media @mobile {
}
@media @mobile-strict {
}

@media @phone-strict {
}
@media @tablet {

}
@media @tablet-strict {
}
@media @non-desktop {
    .login-page .login-signup{
        padding: 0;
        margin-top: 25px;
        p {
            height: 75px;
        }
    }
    .my-hub{
        min-height: 700px;
    }
    .my-hub .my-hub-menu {
        width: 60px;
        overflow: hidden;
        position:absolute;
        li {
            overflow:hidden;
            white-space: nowrap;
        }
        ul.customer-links li span, ul.customer-links li a {
            padding-left: 15px;
        }
        h2 {
            padding: 0;
            font-size: 12px;
            text-align: center;
        }
        .navigation-content {
            position: relative;
            z-index: 2;
        }
        .my-hub-navigation .navigation-hover-bg {
            top: 0;
            left: 0;
            position: absolute;
            width: 100%;
            height: 100%;
            z-index:3;
        }
        .my-hub-navigation.hover {
            background-color: rgba(0,0,0,0.7);
            .navigation-hover-bg {
                z-index: 1;
            }
            .customer-links {
                opacity: 0.85;
            }
        }
        
    }
    .my-hub h1, .my-hub h1.page-title{
        .font-size(18);
        padding: 10px 10px 5px 10px;
        margin-top: 0;
        margin-bottom: 15px;
    }
    .my-hub .my-hub-content{
        padding-left: 60px;
        width: 100%;
        .section-wrapper{
            padding: 0 10px 25px 10px;
        }
    }
    .page-tracking .tracking-shipment-info .shipment-info-back-button{
        margin-top: -5px;
    }
    .page-dashboard .account-name, .page-dashboard .account-membership {
        .font-size(14);
    }
    .dashboard-account {
        margin-bottom: 15px;
    }
    .page-dashboard .quick-cta-item{
        width: 25%;
    }
    .page-dashboard .quick-stats .info-row{
        width: 50%;
    }
    
    .t-widget.t-grid {
        background: transparent;
        table {
            thead {
                display: none;
            }
            td {
                display: block;
            }
            .t-no-data td{
                border-top: 1px solid @lighter-grey;
            }
        }
    }

    #trackingTable {
        tr.tracking-item {
            display: block;
            margin-bottom: 20px;
            border: 1px solid @light-grey;
            background: #fff;
            td{
                text-align: left;
                padding: 10px 15px;
                border: 0;
                display: none;
                label {
                    display: inline;
                    margin: 0;
                }
                &.tracking-row-tracking-number{
                    background: @light-grey;
                    color: @text-color;
                    display: block;
                }
            }
            &.expand{
                td {
                    display: block;
                }
                .tracking-row-view-details{
                    border-top: 1px solid @light-grey;
                }
            }
        }
    }
    .tracking-shipment-info .package-heading .tracking-status {
        background: @dark-grey;
        color: #fff;
        padding: 0;
        h4 {
            .font-size(16);
            padding: 0 10px;
        }
    }
    .page-tracking .tracking-shipment-info .package-heading .tracking-status{
        padding: 0;
    }
    .tracking-status-status, .tracking-status-attributes {
        display: none;
    }
    .tracking-shipment-info .package-details .package-detail-section {
        margin-bottom: 25px;
        .shipment-status-events table {
            .font-size(12);
        }
    }
    #ordersDetail-grid {
        tbody {
            tr {
                display: block;
                background: #fff;
                margin-bottom: 20px;
                border: 1px solid @light-grey;
                td{
                    display: none;
                    padding: 10px 15px;
                    border: 0;
                    text-align: left;
                    label {
                        display: inline;
                    }
                    &.table-number {
                        display: block;
                        background: @dark-grey;
                        color: #fff;
                    }
                    &.table-detail{
                        border-top: 1px solid @light-grey;
                    }
                }
                &.expand {
                    td{
                        display: block;
                    }
                }
            }
        }
    }
    .page-shopping .order-details-wrapper {
        padding: 10px;
        h3 {
            .font-size(16);
        }
        .order-status-table-wrapper{
            thead{
                display: none;
            }
            tr {
                border: 1px solid @light-grey;
            }
            td{
                display: block;
                border: 0;
                text-align: left;
                .font-size(12);
                label {
                    display: inline;
                }
                &.order-id {
                    color: #fff;
                    background: @dark-grey;
                }
            }
        }
        .order-information {
            h4 {
                padding: 0;
            }
            table, tr, td, td.heading {
                border: 1px solid @light-grey;
                .font-size(12);
            }
            td {
                padding: 5px;
            }
        }
        .order-addresses {
            padding: 0;
            .shipping-address-details, .billing-address-details, .order-total-details {
                margin-bottom: 20px;
            }
        }
        .order-shipments, .order-products {
            padding: 0;
        }
        .order-products tr.cart-store-item {
           
        }
        .order-shipments{
            .order-shipment {
                padding: 10px;
                h4 {
                    .font-size(16);
                }
            }
        }
    }
    .page-invoices #invoices-list {
        label {
            display: inline;
        }
        tr {
            border: 1px solid @light-grey;
            background: #fff;
            display: block;
            margin-bottom: 20px;
            td {
                border: 0;
                text-align: left;
                padding: 10px;
                display: none;
                &.invoice-number {
                    background:@dark-grey;
                    color: #fff;
                    display: block;
                }
                &.invoice-download {
                    border-top: 1px solid @light-grey;
                }
            }
            &.expand td{
                display: block;
            }
        }
        
    }
    #customer-addresses-grid {
        tr {
            display: block;
            background: #fff;
            margin-bottom: 20px;
            border: 1px solid @light-grey;
            td {
                padding: 5px;
                text-align: left;
                display: none;
                &.table-address {
                    display: block;
                    background: @dark-grey;
                    color: #fff;
                }
                &.table-edit {
                    border-top: 1px solid @light-grey;
                }
            }
            &.expand {
                td{
                    display: block;
                    &.table-default, &.table-company{
                        display: none;
                    }
                }
            }
        }
    }
    .page-settings {
        .tab-pane {
            padding: 10px;
            .font-size(12);
            h3 {
                .font-size(18);
            }
        }
    }
    .page-membership{
        h3 {
            .font-size(18);
        }
        .signup-terms{
            .font-size(12);
        }
    }
    #return-requests-list table tr {
        display: block;
        background: #fff;
        margin-bottom: 20px;
        border: 1px solid @light-grey;
        td {
            border: 0;
            display: none;
            text-align: left;
            padding: 10px;
            &.return-id {
                display: block;
                background: @dark-grey;
                color: #fff;
            }
        }
        &.expand {
            td {
                display: block;
            }
            label{
                display: inline;
            }
        }
    }
}
@media @desktop {
}
@media @desktop-strict {
}
@media @large {
}
@media @phone {
    .login-page .login-signup{
        padding: 0;
        &.regular {
            margin-bottom: 30px;
            margin-top: 0;
        }
        &.regular h3, &.regular p {
            display: none;
        }
        p{
            height: auto;
            margin-bottom: 20px;
        }
    }
    .login-page .login-content {
        padding-bottom: 15px;
        border-bottom: 0;
        margin-bottom: 0;
    }
    .login-submit {
        margin-bottom: 10px;
    }
    .signup-form .signup-terms{
        margin-left: 0;
        ol {
            margin-bottom: 25px;
        }
    }
    .password-recovery .full-width-image{
        display: none;
    }
    .page-dashboard .quick-cta-item{
        width: 50%!important;
    }
    .page-dashboard .quick-stats .info-row{
        width: 100%;
    }
    .page-settings{
        .mobile-title {
            display: block;
            margin: 0;
            .font-size(22);
        }
        .nav-tabs {
            display: none;
        }
        .tab-pane {
            display: block!important;
            margin-bottom: 20px;
        }
    }

}